/* LEOEX 1.0.0 (build 1) Copyright 2015 errya  http://leoex.com  QQ:228573004*/
@charset "utf-8";
/*css reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a{margin:0;padding:0;outline:0;}
table{border-spacing:0;border-collapse:collapse}
ul,li{list-style:none}
fieldset,img{border:0}
a{text-decoration:none; color: #333; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
a:hover{text-decoration:none;}
q:before,q:after{content:''}
abbr,acronym{font-variant:normal;border:0}
address,cite,dfn,optgroup,em,var{font-weight:normal;font-style:normal}
legend{color:#000}
i{font-style:normal}


body{overflow-x: hidden;}
.bold{font-weight:bold} /*字体加粗*/
.unbold{font-weight:normal} /*取消加粗*/
.tc{text-align:center} /*文本居中*/
.tl{text-align:left}
.tr{text-align:right}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}

.elp{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} /*文本超出省略号，不自动分行*/
.rel{position:relative} /*相对定位*/
.abs{position:absolute} /*绝对定位*/
.fix{position:fixed} /*浮动定位,IE6不支持*/
.fr{float:right} /*浮动*/
.fl{float:left}

.cc:after{display:block;visibility:hidden;clear:both;height:0;content:'.'} /*清除浮动*/
.cc{display:inline-block}
.cc{height:1%}
.cc{display:block}
.c{font:0/0 Arial;clear:both;overflow:hidden;height:0}

.hidden{display:none} /*隐藏*/

.vhidden{visibility:hidden} /*隐藏元素，但保留物理空间*/
.vshow{visibility:visible} /*取消保留物理空间隐藏元素*/
.ofh{overflow:hidden} /*超出隐藏*/
.ofh-x{overflow-x:hidden} /*横向超出隐藏*/
.ofh-y{overflow-y:hidden} /*纵向超出隐藏*/
.ofa{overflow-y:auto} /*纵向超出隐藏，自动添加滚动条*/
.block{display:block} /*元素转成块*/
.ma{margin:0 auto} /*水平居中*/
.w100{width:100%;margin:0 auto;}
.warp{width:92%;margin:0 auto;}
/*æ …æ ¼*/
.span-1{width:75px}
.span-2{width:170px}
.span-3{width:265px}
.span-4{width:360px}
.span-5{width:455px}
.span-6{width:550px}
.span-7{width:645px}
.span-8{width:740px}
.span-9{width:835px}
.span-10{width:930px}
.span-11{width:1025px}
.span-12{width:1120px}
.span-13{width:1215px}
/*.warp{width:1120px;margin:0 auto}*/

.main {width: 1200px; clear: both; margin: 0 auto;}
.imgauto{width:100%;}

/*透明度*/
.alpha10{opacity:.1;filter:alpha(opacity=10);-moz-opacity:.1}
.alpha33{opacity:.33;filter:alpha(opacity=33);-moz-opacity:.33}
.alpha50{opacity:.5;filter:alpha(opacity=50);-moz-opacity:.5}
.alpha66{opacity:.66;filter:alpha(opacity=66);-moz-opacity:.66}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px} 
.mt30{margin-top:30px} 
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.hand{cursor:pointer} /*手型鼠标*/

.colorf{color:#fff;}
.color3{color:#333;}
.color6{color:#666;}
.color9{color:#999;}



.bg-fff{background:#fff;}
.bg-f3{background:#f3f3f3;}
.bg-f6{background:#f6f6f6;}
.bg-fa{background:#fafafa;}
.bg-e{background:#eee;}

.text-p{color:#e70036;}
.bt-e8{border-top:1px solid #e8e8e8;}
.bd-e8{border-bottom:1px solid #e8e8e8;}
.bl-e8{border-left:1px solid #e8e8e8;}
.br-e8{border-right:1px solid #e8e8e8;}


/*清除浮动 -- 减少浏览器渲染负担 -- 推荐*/
.clearfix:before,.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after{clear:both;}
.clearfix{
    *zoom:1;/*IE/7/6*/
}

body{
	background-color: #fff;
}
input{
	outline: none;
	border: none;
}


.container{width: 1200px; margin: 0 auto; position: relative;}

/*单行省略*/
.ahsl{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
/*多行省略*/
.bhsl{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*小图标旋转*/
.rotate {
  transform-origin: center center;
  /*旋转中心要是正中间 才行*/
    transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transition: transform 0.2s;
  /*过度时间 可调*/
   -moz-transition: -moz-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -ms-transition: -ms-transform 0.2s;
}

.rotate1 {
  transform-origin: center center;
  transform: rotate(0deg);
  /*返回原点*/
    -webkit-transform: rotate(0deg);
  -moz-transform: rotate(deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transition: transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -ms-transition: -ms-transform 0.2s;
}